body{
    background:url("../img/miladfakurianbackground.jpg") no-repeat center center/cover
    }

.container{
    width:100%;height:100%;
    scroll-behavior:smooth;
    transition:.5s;
    position:absolute;
    top:0;right:0;z-index:2
    }

.container.active{
    right:300px
    }

section.team-presentation{
    min-height:100vh;
    background:url("../img/miladfakurianbackground.jpg")
    no-repeat center center/cover;
    position:relative;background-attachment:fixed;z-index:1;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:100px 0
    }

section.team-presentation #profiles{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    width:100%;
    flex-direction:column
    }

section.team-presentation #profiles div
    {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:30px
    }

section.team-presentation span.emoji{
    font-size:20px
    }

section.team-presentation .profile{
    flex-basis:340px;
    height:250px;
    display:flex;
    align-items:center;
    gap:5px;
    flex-direction:column;
    justify-content:center;
    background:#33135c;
    text-align:center;
    padding:10px;
    margin:30px;
    border-radius:8px;
    transition:transform .5s ease
    }

section.team-presentation .profile:hover{
    transform:perspective(500px) translate3d(0, 0, 10px)

    }

section.team-presentation .profile img{
    height:130px;
    width:130px;
    border-radius:50%}

section.team-presentation .profile p{
    color:#fff
    }

section.team-presentation .profile p:not(.name){
    font-weight:300;
    font-size:14px
    }

section.team-presentation #boardmember{
    flex-basis:370px;
    height:280px;
    display:flex;
    align-items:center;
    gap:5px;
    flex-direction:column;
    justify-content:center;
    background:#33135c;
    text-align:center;
    padding:10px;
    margin:30px;
    border-radius:8px;
    transition:transform .5s ease
    }

section.team-presentation #boardmember img{
    height:150px;
    width:150px;
    border-radius:50%}


section.team-presentation #boardmember:hover{
        transform:perspective(500px) translate3d(0, 0, 10px)

    }

section.team-presentation #founder{
    flex-basis:370px;
    height:150px;
    display:flex;
    align-items:center;
    }


@keyframes backgroundglow{
    0%{background:#33135c}50%{background:#33135c;
    box-shadow:0px 15px 18px 3px #33135c}100%{background:#33135c}
    }